﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="Creditos.aspx.cs" Inherits="BancoIdeal.secured.Creditos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Mis Créditos
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
	<script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
        var dirProductos = "/WS/Productos.asmx";
        $( function () {
            loadingModal();
            LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetGruposClienteFullCreditos', OnErrorCall, OnSuccessCallGetGruposCliente );            
        } );

        function OnErrorCall( response ) {
            alert( response.status + " " + response.statusText );
        }

        function ValidarEsCredito( idProducto ) {
            if ( idProducto == 3
                || idProducto == 4
                || idProducto == 5
                || idProducto >= 9 ) {
                return true;
            } else {
                return false;
            }
        }

        function OnSuccessCallGetGruposCliente( response ) {
            response = eval( "( " + response.d + " )" );
            var htm = '';
            var j = 0;
            for ( var i = 0; i < response.length; i++ ) {
                if ( response[i].IdGrupoCliente != -1 && response[i].Produc.length > 0 && ValidarEsCredito( response[i].Produc[0].IdProducto ) ) {
                    htm = htm + ' <div class="creditosGroup"><div class="creditosTitle"><span>' + response[i].NombreDelGrupo + '</span></div><div class="grupoCreditosScroll">';
                    for ( j = 0; j < response[i].Produc.length; j++ ) {
                    	htm = htm + '<div id="creditoA1" class="infoCredito"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="creditoFeatures izquierda noMargin marginLeft7px"><li class="' + GetStyle( response[i].Produc[j].IdProducto ) + '"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li><li class="featurePlazo"><a href="#" title="Plazo de pago en meses"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].Periodos + '</span></span></a></li><li class="featureTotalPrestamo"><span class="estiloTexto">$' + response[i].Produc[j].ValorAprobadoCadena + '</span></li></ul><div class="cuotaGroupCredito"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Cuota a pagar</span></span></h4><h2 class="cuotaCredito derecha noMargin marginRight7px">$' + response[i].Produc[j].Cuota + '</h2></hgroup><div class="iconTipoResumen iconoResumenTipoCreditos"></div></div></div>';
                    }
                    htm = htm + '</div></div>';
                } else {
                    if ( response[i].IdGrupoCliente == -1 && response[i].Produc.length > 0 ) {
                        var htmTMP = ' <div class="creditosGroup"><div class="cuentasTitle"><span>' + response[i].NombreDelGrupo + '</span></div><div class="grupoCuentasScroll">';
                        var contador = 0;
                        for ( j = 0; j < response[i].Produc.length; j++ ) {
                            if ( ValidarEsCredito( response[i].Produc[j].IdProducto ) ) {
                                contador++;
                                htmTMP = htmTMP + '<div id="creditoA1" class="infoCredito"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="creditoFeatures izquierda noMargin marginLeft7px"><li class="' + GetStyle( response[i].Produc[j].IdProducto ) + '"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li><li class="featurePlazo"><a href="#" title="Plazo de pago en meses"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].Periodos + '</span></span></a></li><li class="featureTotalPrestamo"><span class="estiloTexto">$' + response[i].Produc[j].ValorAprobadoCadena + '</span></li></ul><div class="cuotaGroupCredito"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Cuota a pagar</span></span></h4><h2 class="cuotaCredito derecha noMargin marginRight7px">$' + response[i].Produc[j].Cuota + '</h2></hgroup><div class="iconTipoResumen iconoResumenTipoCreditos"></div></div></div>';
                            }
                         }
                        htmTMP = htmTMP + '</div></div>';
                        if ( contador > 0 ) {
                            htm = htm + htmTMP;
                        }
                    }
                }
            }
            $( '#paginaCreditos' ).append( htm );
            InteraccionCuentas( 'creditosGroup' );
            ScrollToolFun();
            $( '.cargandoModal' ).dialog( 'close' );
        }
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                    <span class="icono iconoCreditos48x">
                    	&nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Créditos
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="InfoScreen" runat="server">
    Este es el portafolio de créditos vinculados a su cuenta y los grupos para su organización.
    La información de cada uno está actualizada al último corte o pago realizado.
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="MoreInfoScreen" runat="server">
                <a href="#" class="verMasInfo">
                	<span class="fondoAdicional">
                    	<span class="estiloTexto">
                        	más información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="SectionOptions" runat="server">
    <ul>
                	<li>
                        <a href="Creditos.aspx" class="opcionSeccion">
                            <span class="icono creditos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="informacionCreditos.aspx" class="opcionSeccion">
                            <span class="icono creditos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Información de mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="organizarCreditos.aspx" class="opcionSeccion">
                            <span class="icono organizar">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Organizar créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="pagosCreditos.aspx" class="opcionSeccion">
                            <span class="icono pagos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Pagar mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Solicitar nuevo crédito
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Mis créditos
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="MainContent" runat="server">
    <div class="paginaCreditos" id="paginaCreditos"></div>
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content14" ContentPlaceHolderID="VentanasEmergentes" runat="server">
</asp:Content>
